<template>
	<div class="kui-tabbar-item">
		<router-link :to="toPath">
			<div class="kui-tabbar-item-icon"><slot name="icon-normal"></slot></div>
			<div class="kui-tabbar-item-text"><slot></slot></div>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: "kui-tabbarItem",
		props:{
			toPath: {
				type: String,
				default: '/'
			}
		},
		computed: {
		
		},
		methods: {
		}
	}
</script>

<style scoped lang="scss">
.kui-tabbar-item{
	flex: 1;
	text-align: center;
	.kui-tabbar-item-icon{
		padding-top: 5px;
		padding-bottom: 1px;
	}
	.kui-tabbar-item-text{
	
	}
	.router-link-active{color: #fa3e25;}
}
</style>